<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@include file="/WEB-INF/jsp/include/front.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>好教师联盟丨跟谁学？跟武汉好教师学丨好教师联盟怎么样？中小学各科培优的首选丨武汉家教就近安排好教师</title>
<link rel="stylesheet" type="text/css" href="<%=css%>/front/playbox.css" />
<link rel="stylesheet" type="text/css" href="<%=css%>/front/index.css" />
<script type="text/javascript" src="<%=js%>/front/playbox.js"></script>
<style>


/*---start-team----*/
.team {}
.team h2{font-weight: 400;display: block;font-size: 2em;
	color: #3e454d;
	margin: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #eee;
	padding-bottom:0.3em;
}
.team-member{
	width: 17.2%;
	margin-right:1%;
	float: left;
	border: 1px solid #eee;
	padding: 0.5em;
}
.team-member h3{
	color: #006D4E;
	display: block;
	line-height: 1.5em;
}
.team-member p{
	color: rgba(85, 85, 85, 0.53);
	line-height: 1.5em;
	padding: 6px 0px 5px 0px;
}

/*---light-box---*/
.flipLightBox{
	color: #22B4B8;
	display: block;
	line-height: 1.5em;
}
.last{
	margin:0;
}
.sub-about-grid-social ul li{
	display:inline-block;
}
.sub-about-grid-social {
	padding: 0.5em 0;
}
.sub-about-grid-social ul li img{
	background:#fff;
	padding:10px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border:1px solid #EEE;
}
.sub-about-grid-social ul li img:hover{
	background:#3E454D;
}
.flipLightBox img{width:100%;}
.teainfo ul li{list-style:none;font-size:14px;padding:3px 0}
.clear{clear:both;}
</style>
</head>
<body>
<%@include file="/WEB-INF/jsp/front/home/top.jsp"%>
<!-- 图片滑动 -->
<div id="playBox">
	<div class="pre"></div>
	<div class="next"></div>
	<div class="smalltitle">
	<ul>
		<c:forEach items="${list }" var="obj" varStatus = "status">
			<li <c:if test="${status.index == 0}"> class="thistitle"</c:if>></li>
		</c:forEach>
	</ul>
</div>
	<ul class="oUlplay">
		<c:forEach items="${list}" var="obj" varStatus = "status">
			<li><a href="${obj.piclink}" target="_blank"><img src="<%=upload%>/${obj.picpath}"></a></li>
		</c:forEach>
	</ul> 
</div>

<div class="bg-white">
	<div class="w1240 clearfix">	
		<div class="tab1">
			<div class="clearfix bar2">
				<h3>优秀教师</h3>
				<span class="right"><a href="<%=pre %>/teacher/index<%=suf %>" target="_blank">更多</a></span>	
			</div>
			<div class="team">
				<div style="margin:20px;"></div>
					<c:forEach items="${teacherPager.pageList}" var="obj" varStatus="status"> 
						<div class="team-member" 
							<c:choose>
								<c:when test="${status.index mod 5 == 4 }">style="margin-bottom:1em; margin-right:0px"</c:when>
								<c:otherwise>style="margin-bottom:1em;"</c:otherwise>
							</c:choose>>
							<a href="<%=pre%>/teacher/info<%=suf%>?id=${obj.id}" target="_blank" class="flipLightBox">
								<img src="<%=upload%>/${obj.headpath}"  alt="" />
							</a>
							<h3>${obj.name }</h3>						
							<div class="teainfo">
								<ul>
									<li>教学科目：${obj.subject}</li>
									<li>年级：${obj.grade }</li>
									<li>校区：${obj.quyu}</li>
								</ul>
							</div>			
							<div class="sub-about-grid-social">
								<ul>
									<li>
										<a href="<%=pre%>/teacher/info<%=suf%>?id=${obj.id}" target="_blank">
											<img src="<%=images%>/front/checkinfo.png" title="查看详情">
										</a>
									</li>
								</ul>
							</div>
						</div>
					</c:forEach>
				<div class="clear"></div>
			</div>
		</div>
	</div>		
</div>
<div class="bg-white">
	<div class="w1240 clearfix">	
		<div class="tab1">
			<div class="clearfix bar2">
				<h3>优秀学生</h3>
				<span class="right"><a href="<%=pre %>/student/index<%=suf %>" target="_blank">更多</a></span>	
			</div>
			<div class="team">
				<div style="margin:20px;"></div>
					<c:forEach items="${studentPager.pageList}" var="obj" varStatus="status"> 
						<div class="team-member" style="margin-bottom:1em;">
							<a href="<%=pre%>/student/info<%=suf%>?id=${obj.id}" target="_blank" class="flipLightBox">
								<img src="<%=upload%>/${obj.headpath}"  alt="" />
							</a>
							<h3>${obj.name }</h3>						
							<div class="teainfo">
								<ul>
									<li>学校：${obj.school}</li>
								</ul>
							</div>			
							<div class="sub-about-grid-social">
								<ul>
									<li>
										<a href="<%=pre%>/student/info<%=suf%>?id=${obj.id}" target="_blank">
											<img src="<%=images%>/front/checkinfo.png" title="查看详情">
										</a>
									</li>
								</ul>
							</div>
						</div>
					</c:forEach>
				<div class="clear"></div>
			</div>
		</div>
	</div>		
</div>
<div class="bg-white">
	<div class="wl42 clearfix">	
		<div class="tab1">
			<div class="clearfix bar2">
				<h3>最新动态</h3>
				<span class="right"><a href="<%=pre %>/news/index<%=suf %>" target="_blank">更多</a></span>	
			</div>
			<div class="newslist">
				<ul>
					<c:forEach items="${xinwenPager.pageList }" var="obj" varStatus="status">
						<li 
							<c:choose>
								<c:when test="${(status.index mod 2) == 1}">
									class="height30 myli"
								</c:when>
								<c:otherwise>
									class="height30"
								</c:otherwise>
							</c:choose> >
							<a href="<%=pre %>/news/info<%=suf%>?id=${obj.id}" target="_blank" class="padleft">${obj.title }</a>
							<span class="padright">${obj.inserttime }</span>
						</li>				
					</c:forEach>
				</ul>
			</div>
		</div>
	</div>		
	<div class="wr42 clearfix">	
		<div class="tab1">
			<div class="clearfix bar2">
				<h3>最新试卷</h3>
				<span class="right"><a href="<%=pre %>/paper/index<%=suf %>" target="_blank">更多</a></span>	
			</div>
			<div class="newslist">
				<ul>
					<c:forEach items="${shijuanPager.pageList }" var="obj" varStatus="status">
						<li 
							<c:choose>
								<c:when test="${(status.index mod 2) == 1}">
									class="height30 myli"
								</c:when>
								<c:otherwise>
									class="height30"
								</c:otherwise>
							</c:choose> >
							<a href="<%=pre %>/paper/info<%=suf%>?id=${obj.id}" target="_blank" class="padleft">${obj.name }</a>
							<span class="padright">${obj.inserttime }</span>
						</li>				
					</c:forEach>
				</ul>
			</div>
		</div>
	</div>	
</div>
<div style="clear:both;"></div>
<%@include file="/WEB-INF/jsp/front/home/footer.jsp"%>
</body>
</html>